<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button [defaultHref]="defaultHref" [text]="buttonText"></ion-back-button>
    </ion-buttons>
    <ion-title>用户注册</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-list>
    <ion-item>
      <ion-label position="stacked">手机号码</ion-label>
      <ion-input clearInput tepe="text" [(ngModel)]="mobile"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label position="stacked">用户昵称</ion-label>
      <ion-input clearInput type="text" [(ngModel)]="nickname"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label position="stacked">密码</ion-label>
      <ion-input clearInput type="password" [(ngModel)]="password"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label position="stacked">确认密码</ion-label>
      <ion-input clearInput type="password" [(ngModel)]="confirmPassword"></ion-input>
    </ion-item>
  </ion-list>

  <div class="ion-padding">
    <ion-button class="ion-text-center" expand="block" color="primary" (click)="doRegister()">注册</ion-button>
  </div>
  <div class="ion-padding ion-text-center">
    <ion-button fill="outline" color="primary" (click)="gotoLogin()">已有账号？登陆</ion-button>
  </div>
</ion-content>